<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="buil/vieo.css">
    <script src="buil/jquery-3.1.0.min.js"></script>
    <!--<script src="buil/iphone-inline-video.min.js"></script>-->
    <title>大运河府</title>
</head>
<body>
    <div class="loading">
        <div class="btns">
            <a class="btn begin"></a>
        </div>
    </div>
    <div class="main">
        <div class="wrapper">
            <video id="video" class="video" poster="http://h5v1.oss-cn-hangzhou.aliyuncs.com/src/poster.jpg" preload="auto" webkit-playsinline="true" playsinline="true" x-webkit-airplay="allow" x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="portraint"  width="1" height="1"style="object-fit:fill" >
            </video>
            <canvas id="canvas"></canvas>
        </div>
    </div>
    <div class="img">
        <div class="img_show">
            <img src="http://h5v1.oss-cn-hangzhou.aliyuncs.com/src/img.jpg">
            <div class="hask"><img src="http://h5v1.oss-cn-hangzhou.aliyuncs.com/src/more.png"></div>
        </div>
    </div>
    <div class="cover">
        <img src="http://h5v1.oss-cn-hangzhou.aliyuncs.com/src/vieo1.jpg">
    </div>
    <div class="orientation">
        <img src="http://h5v1.oss-cn-hangzhou.aliyuncs.com/src/poster.jpg">
        <p>只有横屏的时候可以播放！</p>
    </div>
    <script src="buil/video.js"></script>
    
</body>
</html>